<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/header.css"/>
</head>

<body>
<header class="mui-bar mui-bar-nav title">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
       style="color: #C8C7CC;"></a>
    <a id="finish" class="mui-icon mui-icon-checkmarkempty mui-pull-right"
       style="color: #C8C7CC;font-size: 16px;line-height: 25px;">搜索</a>
    <h1 class="mui-title title-color">添加好友</h1>
</header>
<div class="mui-content">
    <div class="mui-input-row">
        <input id="text_username" type="text" class="mui-input-speech mui-input-clear"
               placeholder="输入好友账号">
    </div>

</div>

<script src="js/app.js"></script>
<script src="js/mui.js"></script>
<script type="text/javascript">
    mui.init();
    mui.plusReady(function () {

        //注册事件
        var finish = document.getElementById("finish");
        finish.addEventListener("tap", function () {
            var text_username = document.getElementById("text_username");
            if (text_username.value.length == 0) {
                //提示信息
                app.showToast("搜索的账户名不能为空", "error");
                return false;
            }
            var user = app.getUserGlobalInfo();
            //如果用户信息不为空则刷新信息
            if (user != null) {
                plus.nativeUI.showWaiting("搜索中");
                mui.ajax(app.serverUrl + "/user/search", {
                    data: {

                        myUserId: user.id,
                        friendUserName: text_username.value
                    },
                    dataType: 'json',//服务器返回json格式数据
                    type: 'post',//HTTP请求类型
                    timeout: 10000,//超时时间设置为10秒；
                    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                    success: function (data) {
                        //服务器返回响应，根据响应结果，分析是否登录成功；
                        console.log(JSON.stringify(data));
                        // 关闭等待框
                        plus.nativeUI.closeWaiting();
                        //判断状态
                        if (data.status == 200) {
                            //提示信息
                            //app.showToast("更新成功", "success");
                            // 登录或者注册成功之后，保存全局用户对象到本地缓存
                            //var userInfoJson = data.data;
                            //重新保存用户信息
                            //app.setUserGlobalInfo(userInfoJson);
                            text_username.value="";
                            //跳转页面
                            mui.openWindow({
                            		url: "searchFriendsResult.html",
                            		id: "searchFriendsResult.html",
                            		styles: {},
                            		extras:{
                            				friend: data.data
                            		}
                            });

                        } else {
                            app.showToast(data.msg, "error");
                            return false;
                        }
                    },
                    error: function (data) {
                        // 关闭等待框
                        plus.nativeUI.closeWaiting();
                        //提示信息
                        app.showToast("服务器异常请稍后重试", "error");
                    }
                });

            } else {
                //提示信息
                app.showToast("用户信息过期请重新登录", "error");
                //如果登录信息失效则返回登录页面
                app.returnLogin();
                return false;
            }
        });


    });

</script>
</body>

</html>
